/* --------------------------
base styles 
-------------------------- */

body
{
	margin: 0;
	padding: 0;
	color: #000;
/*	background: #fff; */
	font: 1em/1.2 helvetica, arial, sans-serif;
}

h1
{
	margin: 0;
	font-size: 1.9em;
	font-weight: 500;
}

h2
{
	margin: 0 0 1em;
	font-size: 1.9em;
	color:#696969; 
	font-weight: 700;
/*	font-weight: 500; */
}

h3
{
	margin: 0 0 1em;
	font-size: 1.3em;
	color:#696969; 
	font-weight: 700;
/*	font-weight: 500; */
}
p
{

	margin: 0 0 1.5em;
	font-weight: 700;
	font-size: 1 em;
	line-height: 1.5;
}


pp
{

	margin: 0 0 1.5em;
	font-weight: 700;
	font-size: 0.7 em;
	line-height: 1.5;
}


/* --------------------------
layout 
-------------------------- */

.container
{
	max-width: 51em;
/*	min-height:1em*/
	margin: 4em auto;
/*	margin: 0 auto; */

}

.header
{
	background-color: #F80000 ;
	padding: 1em;
}


.content { padding: 1em; 
/*min-height:20em;
/* background: transparent url("err_tablica.jpg") no-repeat ; 
background-size: 25em auto;
background-position: 5% 25%;*/
/*background-origin:initial;*/
}
.main { 

margin-bottom: 1em;}
.aside { margin-bottom: 1em;  }

.footer
{
	clear: both;
/*	padding: 1em;*/
	background-color: #FFD700;
}


/* --------------------------
wide screen 
-------------------------- */

@media (min-width:800px)
{
	.header { padding: 0.5em 5%; }
	
	
	.content
	{
		overflow: hidden;
		padding: 2em 0 1em;
	}
	
	.main
	{
		float: left;
		width: 20em;
		margin: 0 2em 1em 2em;

	}
	
	.aside
	{
		float: left;
		width: 25em;
		margin-top:1em;
		margin-bottom: 0em;
	}
	
	.footer { padding: 0.5em 5%; }
}